Ext.define('SKJF.view.Header', {
    extend: 'Ext.Container',
    xtype: 'appHeader',
    id: 'app-header',
    height: 52,
    layout: {
        type: 'hbox',
        align: 'middle'
    },
    initComponent: function() {
        this.items = [{
            xtype: 'component',
            id: 'app-header-title',
            html: 'Surya Kejayan Farma',
            flex: 1
        },{
			xtype: 'fieldcontainer',
			width: 400,
			layout: 'hbox',
			style: 'font-color: white;',
			items: [{
				xtype: 'component',
				contentEl: 'tick2',
				style: {
					color: 'white',
					fontWeight: 'bold'
				},
				flex: 1
			}, {
				xtype: 'label',
				text: '|',
				margin: '0 5 0 5',
				style: {
					color: 'white',
					fontWeight: 'bold'
				}
			}, {
				xtype: 'label',
				text: username,
				style: {
					color: 'white',
					fontWeight: 'bold'
				},
				width: 120
			}]
		}];

        this.callParent();
    }
});
